<template>
  <main>
    <Person a="1+1" :b="1 + 1" c="x" :d="x" ref="element" />
    <Vuelive />
  </main>
</template>
<script lang="ts" setup>
import { ref, reactive, watch, watchEffect, defineComponent } from 'vue';
import { useCountStore } from '@/store/Count'
import Person from 'components/Person.vue'
import Vuelive from 'components/live.vue'
const countStore = useCountStore()

countStore.$subscribe((mutation, state) => {
    console.log(333, mutation, state);
})
let x = 89
console.log(countStore.count);
countStore.count ++ 
// console.log(countStore.double);
// countStore.increment()
console.log(countStore.count);
countStore.$patch({
  count:88
})
// console.log(countStore.double);
</script>
<style scoped></style>
